
@media (min-width: 1920px) {

  .container {

    max-width: 75%!important;

  }

}



@media (max-width: 1920px) {

  .container {

    max-width: 1480px;

  }

}







@media (max-width: 1680px) {

  .container {

    max-width: 1320px;

  }

  .nav-menu ul li a {

    padding: 10px 17px;
  }




  .top_tel {



    font-size: 18px;
    display: flex;
    align-items: center;
    height: 34px;



  }



  .nav-menu .drop-down_spec ul {

    left: 0;

    width: 180%;

  }



}



@media screen and (max-width:1440px) {

  .container {

    max-width: 1280px;

  }


  .nav-menu ul li a {

    padding: 10px 15px;
  }




}



@media screen and (max-width:1366px) {

  .container {

    max-width: 1200px;

  }


  .nav-menu ul li a {

    padding: 10px 14px;
  }





  .top_tel {



    font-size: 18px;



  }





}



@media screen and (max-width:1280px) {




  .nav-menu ul li a {

    padding: 10px 13px;
  }



  .top_tel {

    font-size: 15px;

  }



  .homePg2 {

    background: url(../images/abbg.jpg) no-repeat bottom;

    background-size: cover;

  }





}

@media screen and (max-width:1150px) {


  .top_tel {

    display: none;

  }
}

@media screen and (max-width:1065px) {

  .nav-menu ul li a {

    padding: 10px 10px;

    font-size: 14px;

  }







  .top_tel {

    font-size: 14px;

  }

}



@media screen and (max-width:990px) {

  .fp-overflow {

    overflow-y: hidden;

    height: 100%;

    outline: none;

  }



  #slide_menu {

    display: none !important;

  }







  #banner .swiper-slide img {

    width: 100%;

  }



  #banner .swiper-slide .banner1, #banner .swiper-slide .banner2, #banner .swiper-slide .banner3, #banner .swiper-slide .banner4, #banner .swiper-slide .banner5 {

    background: none;

    height: auto;



  }







  #banner .swiper-slide .mobimg {

    display: block !important;

  }

  #case .swiper-button-next {
    right: 0px;


  }

  #case .swiper-button-prev {
    left: 0px;


  }

  /*头部*/

  #header {

    height: 80px;

  }



  .header-transparent {



    min-height: 80px;

  }



  .top-box {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 15px;

  }



  .top-box .logo {

    justify-content: flex-start;

    height: 80px;



    max-width: 100%;

  }



  .top-box .logo img {

    max-height: 62px;

  }



  .top_tel {

    display: none;

  }







  /*banner*/

  #banner .swiper-slide img {

    display: block;

    width: 100%;



  }



  #banner .swiper-button {

    display: none;

  }



  #banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 10px;



  }





  /*主体*/

  .homePg1, .homePg5, .homePg6 {

    height: auto !important;

  }



  .homePg2 {

    padding-bottom: 50px;

    height: auto !important;

  }



  .homePg3 {



    height: auto !important;



  }



  .homePg4 {



    height: auto !important;

  }



  .homePg5 {

    height: auto !important;

  }





  .homePg6 {

    padding: 50px 0;

    height: auto !important;

  }







  .ab_bottom li a b {

    font-size: 40px;

  }



  .ab_bottom li a i {

    font-size: 20px;

  }



  .main_title {

    margin-top: 20px;

  }









}



@media (min-width:990px) {

  /* .ab_tu, .gallery-thumbs, #gallery .swiper-slide .img-tu, .news_fl {

    transition: all 0.8s ease-in-out;

    transform: translate(-500px, 0px);

    opacity: 0;

  }



  .active .ab_tu, .active .gallery-thumbs, .active #gallery .swiper-slide .img-tu, .active .news_fl {

    opacity: 1;

    transform: translate(0px, 0px);

    transition-delay: 0.3s;

  }











  .ab_txt, #gallery .swiper-slide .product-box, .news_fr, .product_con {

    transition: all 0.8s ease-in-out;

    transform: translate(500px, 0px);

    opacity: 0;

  }



  .active .ab_txt, .active #gallery .swiper-slide .product-box, .active .news_fr, .active .product_con {

    opacity: 1;

    transform: translate(0px, 0px);

    transition-delay: 0.3s;

  }


  #case, .xcal, .hz-tu {
    transition: all 0.6s ease-in-out;
    transform: scale(0.5);
    opacity: 0;
  }

  .active #case, .active .xcal, .active .hz-tu {
    transform: scale(1);
    opacity: 1;
    transition-delay: 0.8s;
  } */





}